@extends('layouts.head')
<style type="text/css">
    .color{
        background-color: red;
    }
    .nocolor{
        background-color: black;
    }
</style>
@section('title')
产品管理
@endsection
{{--@section('content-header')--}}
{{--<h1>--}}
    {{--推车设置--}}
    {{--<small>推车设置</small>--}}
{{--</h1>--}}
{{--<ol class="breadcrumb">--}}
    {{--<li><a href="{{url('home')}}"></i>首页</a></li>--}}
    {{--<li><a href="{{url('bpm')}}"></i>生产管理</a></li>--}}
    {{--<li><a href="{{url('chej')}}">推车设置</a></li>--}}

{{--</ol>--}}
{{--@endsection--}}
@section('content')
    <div class="row">
        <div class="col-md-12">
        <Row :gutter='8' type="flex"  >
            <i-col span="4" >
            <section class="sidebar">
                <!-- Sidebar user panel -->
                <ul class="sidebar-menu">
                    <li class="treeview">
                        <a href="#">
                            <i class="fa fa-share"></i> <span>Multilevel</span>
                            <span class="pull-right-container">
                              <i class="fa fa-angle-left pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li><a href="#"><i class="fa fa-circle-o"></i> Level One
                                    <span class="pull-right-container">
                                  <i class="fa fa-angle-left pull-right"></i>
                                </span>
                                </a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
                                    <li>
                                        <a href="#"><i class="fa fa-circle-o"></i> Level Two
                                            <span class="pull-right-container">
                                          <i class="fa fa-angle-left pull-right"></i>
                                        </span>
                                        </a>
                                        <ul class="treeview-menu">
                                            <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                                            <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="#"><i class="fa fa-circle-o"></i> Level One
                                    <span class="pull-right-container">
                                  <i class="fa fa-angle-left pull-right"></i>
                                </span>
                                </a>
                                <ul class="treeview-menu">
                                    <li><a href="#"><i class="fa fa-circle-o"></i> Level Two</a></li>
                                    <li>
                                        <a href="#"><i class="fa fa-circle-o"></i> Level Two
                                            <span class="pull-right-container">
                                          <i class="fa fa-angle-left pull-right"></i>
                                        </span>
                                        </a>
                                        <ul class="treeview-menu">
                                            <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                                            <li><a href="#"><i class="fa fa-circle-o"></i> Level Three</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
                        </ul>
                    </li>
                </ul>
            </section>
            <!-- /.sidebar -->
                </i-col>
                </Row>
    </div>
</div>
{{----------------------------------------------------------------------------------------------------------------------------------- --}}



<script>



// 用表单来初始化

    var vm =new Vue({
        el:'body',
        data:{
            selectfirst:'',
            iscolor:false,
            nnocolor:false,
            baseData: [],
            firsts:[],
            first:[],

        },


/*********************************************************************************************/

  created:function(){



   this.$http.get('/goods/gettree').then((response)=>{this.baseData=response.data; },(response) =>{});


        },

/*************************************************************************/
        methods:{
          
           

        },
 /*******************************************************************//*******************************************************************/


    });

</script>




@endsection

@section('pagejs')
          

@endsection